HTML代码<head>里面的内容是什么意思啊?

来源:百度知道 编辑:UC知道 时间:2024/05/21 06:20:36
<head>
<title>无标题文档</title>
<link rel="stylesheet" href="common.css" type="text/css"/>
<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),

这是一个翻转器,功能如函数名fix menu,给导航加翻转器效果。

var sfEls = document.getElementById("nav").getElementsByTagName("li");
找出文档中id为nav的标签下的li标签

for (var i=0; i<sfEls.length; i++) {
遍历所有这样的标签

sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
这三句是说当鼠标处于over、Down、Up三种状态时改变相应li标签的类名,如果原li标签无类名则改为sfover,如果有加上空格和sfover,意图是通过在css里设置.xxx sfover={xxxxxx}来改变标签的视觉效果,实现翻转器的效果

sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
这句设置鼠标离开的视觉效果,简单说来和上面的过程相